@import '../../mixins/index.less';
@button-prefix-cls: ~'@{prefix}-button';
.@{button-prefix-cls} {
    height: 98px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-size: 36px;
    color: #fff;
   &.size-s{
       width: 25%;
   }
   &.size-m{
    width: 50%;
   }   
    &.size-l{
        width: 100%;
    }
    &.primary{
        background-color: @background-color;
    }
    &.ghost{
        background-color: #eeeeee;

    }
    &.warning{
        background-color:  @warning-color;
    }
    &.default{
        background-color: #fff;
        color: #222;
    }
    &.disabled{
        pointer-events: none;
        background-color: #eeeeee;  
        color: #222;
    }
    .icon{
        margin-left: 10px;
    }
} 
.activeClassName{
    background-color: @warning-color !important;
}